<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- Fixed navigation bar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="<c:url value="/" />">Athenaeum</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav">
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown">Dashboards <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="#">View System Dashboard</a></li>
					</ul></li>
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown">Projects <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li class="dropdown-header">Current Project</li>
						<li><a
							href="<c:url value="/project/browse/${navigationUser.currentProject.abbr}"/>"><i
								class="fa fa-pagelines fa-fw"></i>
								${navigationUser.currentProject.title}
								(${navigationUser.currentProject.abbr})</a></li>
						<li class="divider"></li>
						<li class="dropdown-header">Recent Projects</li>
						<li class="divider"></li>
						<li><a href="#">View All Projects</a></li>
					</ul></li>
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown">Trainings <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li class="dropdown-header">Current Filter</li>
						<li><a
							href="<c:url value="/training/browse/${navigationUser.currentProject.abbr}" />">Unsaved
								Filter (${navigationUser.attributes['unsavedFilterSize']}
								trainings)</a></li>
						<li class="divider"></li>
						<li><a href="#">Search for Trainings</a></li>
						<li class="divider"></li>
						<li class="dropdown-header">Recent Trainings</li>
						<li class="divider"></li>
						<li><a href="#">Manage Filters</a></li>
					</ul></li>
			</ul>
			<!-- <form class="navbar-form navbar-left" role="search">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="Search">
				</div>
				<button type="submit" class="btn btn-default">Submit</button>
			</form> -->
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown"><i class="fa fa-user"></i>
						${navigationUser.fullName} <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="<c:url value="/profile/${navigationUser.id}" />"><i
								class="fa fa-edit fa-fw"></i> &nbsp; Profile</a></li>
						<li><a href="<c:url value="/settings/account"/>"><i
								class="fa fa-cogs fa-fw"></i> &nbsp; Settings</a></li>
						<li class="divider"></li>
						<li><a href="<c:url value="/j_spring_security_logout" />"><i
								class="fa fa-sign-out fa-fw"></i> &nbsp; Logout</a></li>
					</ul></li>
				<li><a href="<c:url value="" />"><i
						class="fa fa-envelope fa-fw"></i></a></li>
			</ul>
		</div>
	</div>
	<!-- /.navbar-collapse -->
</nav>